<!DOCTYPE html>
<html xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
	<meta name="author" content="Coderthemes">
	
	<!-- jQuery  -->
	<script src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
	
	<!-- layui  -->
	<link rel="stylesheet" href="/static/plugins/layui/2.7.6/css/layui.css" media="all" />
	<script src="/static/plugins/layui/2.7.6/layui.js" charset="utf-8"></script>

	<!-- bo -->
	<link href="/static/plugins/bo/bo.css" rel="stylesheet" type="text/css">
	<script src="/static/plugins/bo/bo.js"></script>
</head>

<body>
	<form class="layui-form" id="id_form" method="post" action="/api/admin/staticConfig/edit">
	
		<div class="layui-form-item">
			<div class="layui-col-md5">
				<label class="layui-form-label">LOGO</label>
				<div class="layui-input-block">
					<input type="text" name="urlLogo" readonly="readonly" placeholder="尚未选择图片，请点击此处选择" class="layui-input" th:value="${dto.urlLogo}">
					<img style="width: 92px;height: 92px;margin: 0 10px 10px 0;" label="urlLogo" th:src="${dto.urlLogo}">
					<script>
					layui.use('upload', function(){
						var dom = $('input[name="urlLogo"]');
						layui.upload.render({
							elem: dom,
							url: '/api/outer/upload/uploadfileForLayer',
							multiple: false,
							progress: function(n, elem){
								dom.val(n + '%');
							},
							done: function(res){
								if (res.code == 200) {
									$('img[label="urlLogo"]').attr('src', res.url);
									dom.val(res.url);
								}
							}
						});
					});
					</script>
				</div>
			</div>
		</div>

		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"></fieldset>
		<div class="layui-form-item">
			<div class="layui-col-md1 layui-col-md-offset11">
				<div class="layui-btn-container">
					<button type="button" class="layui-btn" lay-submit lay-filter="formSubmit">保存</button>
				</div>
			</div>
		</div>
	</form>
	<script>
	$(function () {
		layui.use(['form'], function(){
			var form = layui.form;
			
			// 表单提交，共用同一个
			form.on('submit(formSubmit)', function(data){
				var indexOfLoading = layer.load(1, {
					shade: [0.5,'#000000'] //0.1透明度的白色背景
				});
				$.post(data.form.action, data.field, function(res){
					if (res.code == 0) {
						layer.msg(res.msg);
						setTimeout(function(){
							location.reload();
						}, 1000);
					} else {
						layer.close(indexOfLoading);
						layer.msg(res.msg);
					}
				});
				return false;
			});
		});
	});
	</script>
</body>
</html>